/**
 * Created by mac on 15-9-22.
 * 商品讨论页的主要逻辑处理，包括查看产品大图、发布该条产品的分享
 */
(function( $, window ) {


    /**
     * 1、点击icon查看产品大图
     * 2、下半部分tab切换
     */


    //1、点击icon查看产品大图
    (function() {

        var oBox = $('.small-img'),
            aLi = $('.small-img ul li'),
            oBigImg = $('.big-img img');

        var paramFix = 'imageMogr2/thumbnail/646x646';

        if ( aLi.length > 24 ) {
            oBox.addClass('scroll');
        }

        turnImg(0);

        aLi.on('click', function() {
            turnImg( $(this).index() );
        });

        function turnImg( num ) {
            var src = aLi.eq(num).find('img').attr('src');

            src = src.indexOf('?') != -1 ? src.split('?')[0] : src;
            aLi.removeClass('current').eq(num).addClass('current');
            oBigImg.attr('src', src+'?'+paramFix);
        }

    })();


    //2、下半部分tab切换
    (function() {

        var productId = $('#productid').val(),
            oListBox = $('.goods-comment-list'),
            oListBtn = oListBox.find('.item-1 .button-default'),
            oTextTips = oListBox.find('.text-tips'),
            olistUl = $('.list-content'),
            oLoadMore = $('.js-loadmore'),
            aTab = $('.nav-tabs ul li'),
            iCur = 0;

        var turnData = [
            {
                'listClass': 'comment',
                'btnName': '添加评论',
                'tips': '<p>这里是商品的讨论区。</p><p>• 如果你对此商品感兴趣，可以在此提问。</p><p>• 如果你对此商品有了解，可以在此讲述。</p><p>• 如果你体验过这个商品，可以在此分享经历。</p>'
            },
            {
                'listClass': 'excerpt',
                'btnName': '添加摘抄',
                'tips': '<p>这里可以摘录来自任何网站的关于此商品的信息，例如评测、介绍、新闻、帖子、视频等。</p><br><p>——依靠众人的智慧，我们可以将互联网分散的关于这个商品的信息全部汇集于此，还原商品的全貌。</p>'
            },
            {
                'listClass': 'channel',
                'btnName': '添加购买渠道',
                'tips': '<p>在这里，你可以分享这个商品的购买渠道，例如淘宝购买网址、京东购买网址等。请确保购买网址能正确匹配此商品，并且可靠。</p><br><p>• 购买渠道无法排除商家添加的可能，也无法排除假货和虚假链接。这里是一个方便大家寻找购买渠道的讨论区，渠道的真实性请自行判断。</p><br><p>• 体现购买渠道客观性的，是把投票的权力完全交给真实的消费者。目前我们已经采用了用户投票制。但限于开发时间和资金，我们无法证明其100%的公正性，也不排除有商家刷票的可能。</p><br><p>• 我们将不断完善投票制度，陆续推出更完善的规则、可追溯的投票人、更严格的信用体系，使投票结果越来越能体现购买渠道的好与坏。也会陆续增加各种自动机制来屏蔽恶意网址。</p>'
            }
        ];


        /*
        setTimeout(function() {
            if ( $.getInitLoadNum() ) {
                oTextTips.hide();
            }
        }, 0);

        */

        //默认tips文案
        oTextTips.find('.con').html(turnData[0].tips);

        //功能切换
        aTab.on('click', function() {
            var thisTab = $(this),
                index = thisTab.index();
            aTab.removeClass('current');
            thisTab.addClass('current');
            $.setType(index+2);
            iCur = index;
            oListBox.removeClass().addClass('goods-comment-list ' + turnData[index].listClass);
            oListBtn.text(turnData[index].btnName);
            oTextTips.find('.con').html(turnData[index].tips);
            $.initLoad({'setView':function() {
                oTextTips.hide();
                oLoadMore.show();
            }});
        });

        //添加评论、摘抄或渠道
        oListBtn.on('click', function() {
            var userInfo = userServers.getUserInfo(), type = $.getType();
            var args = {
                'productId': productId,
                'ugcType': type,
                'userAvatar': userInfo.userAvatar,
                'userName': userInfo.userName
            };

            if ( !userInfo.userName ) {
                window.globalLayer.openLogin(); //打开登陆提示弹窗
                return;
            }
            switch ( type ) {
                case 2:
                    //添加评论
                    window.globalLayer.openComment({'callBack':function( res ) {
                        if ( !res.content ) return;
                        args.prodComment = res.content;
                        addLayerData(args);
                    }});
                    break;

                case 3:
                    //添加摘抄
                    window.globalLayer.openExcerpt({'callBack':function( res ) {
                        if ( !res.url || !res.content ) return;
                        args.url = res.url;
                        args.prodComment = res.content;
                        args.urlDescription = '[来源]';
                        addLayerData(args);

                    }});
                    break;

                case 4:
                    //添加购买渠道
                    window.globalLayer.openChannel({'callBack':function( res ) {
                        if ( !res.url || !res.content ) return;
                        args.url = res.url;
                        args.prodComment = res.content;
                        args.urlDescription = '[购买链接]';
                        addLayerData(args);
                    }});
                    break;
            }
        });

        function addLayerData( args ) {
            commentServers.addUgc(args, function( msg ) {
                if ( !msg.error ) {
                    if ( msg.code == 200 ) {
                        //获取数据成功
                        $.extend(msg.detail[0], args);
                        olistUl.prepend( $.getMoreHtml(msg.detail) );
                        //tab数据+1
                        var oNum = aTab.eq(iCur).find('span');
                        oNum.text( Number(oNum.text())+1 );
                    } else {
                        window.globalLayer.openWarning({'autoClose':true, time: 2000, text:msg.description});
                    }
                } else {
                    window.globalLayer.openWarning({'autoClose':true, time: 2000, text:msg.description});
                }
            });
        }

        //开启页面滚动到底部自动加载更多商品
        $.addScrollToBottom();
        $(window).on('scrollToBottom', function() {
            $.scrollHandle(function( res ) {
                if ( res.scrollEnd ) {
                    oLoadMore.hide();
                    oTextTips.show();
                }
            });
        });

    })();




})( jQuery, window );
